<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="css/main.css" type="text/css" rel="stylesheet">
<link href="css/base.css" type="text/css" rel="stylesheet">
<!--字体图标-iconfont-->
<link href="font/iconfont.css" type="text/css" rel="stylesheet">
</head>

<body>
<!--header start-->
<header>
  <div class="topbar">
    <div class="inner w clearfix">
      <div class="brand fl"> <span>传智播客旗下品牌:</span> <a href="javascript:">黑马程序员</a>丨 <a href="javascript:">博学谷</a>丨 <a href="javascript:">传智专修学院</a>丨 <a href="javascript:">酷丁鱼</a>丨 <a href="javascript:">传智慧</a> </div>
      <div class="phone fr"> <i class="iconfont icon-dianhua"></i> <span>全国咨询热线：400-618-4000 | 股票代码：839976</span> </div>
    </div>
  </div>
  <div class="nav">
    <div class="nav_top w"> <a class="logo" href="javascript:"><img src="images/logo.png"></a> <span class="site">北京中心</span> <i class="iconfont icon-sifour86">
      <ul class="site_all">
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
        <li> <img src="images/bj_city.jpg"> <a class="toponymy">北京</a> </li>
      </ul>
      </i>
      <div class="slogan"> <img src="images/slogan.jpg" alt=""> </div>
      <div class="main_nav clearfix" style="z-index: 5">
        <div class="course">
          <h1 class="title">精品课程</h1>
          <ul class="course_list clearfix">
            <li> 
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>A213</li>
                <li>B432</li>
                <li>C321</li>
                <li>D213</li>
                <li>E</li>
                <li>F</li>
                <li>G</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>ads</li>
                <li>asdB</li>
                <li>a324sdC</li>
                <li>as324dD</li>
                <li>Ea325sd</li>
                <li>d4355F</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>ad123s</li>
                <li>a321sdB</li>
                <li>asdC</li>
                <li>as32/4dD</li>
                <li>Easd</li>
                <li>dF32</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>a324ds</li>
                <li>asdB</li>
                <li>asdC</li>
                <li>asdD</li>
                <li>E324324asd</li>
                <li>dF</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>ads</li>
                <li>asd324B</li>
                <li>awer324sdC</li>
                <li>a345sdD</li>
                <li>Easd</li>
                <li>dF</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>ads</li>
                <li>asd34B</li>
                <li>asdC</li>
                <li>as324dD</li>
                <li>Easd</li>
                <li>dwerF</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>ads</li>
                <li>as324dB</li>
                <li>asdC</li>
                <li>asdD</li>
                <li>Ea32434sd</li>
                <li>dF</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>ads</li>
                <li>a123sdB</li>
                <li>a342sdC</li>
                <li>asdD</li>
                <li>Easd</li>
                <li>dF</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>ads</li>
                <li>asdB</li>
                <li>asdqweC</li>
                <li>aswqedD</li>
                <li>Easd</li>
                <li>dqweF</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>ads</li>
                <li>asdB</li>
                <li>awqesdC</li>
                <li>asdD</li>
                <li>Ewqeasd</li>
                <li>dF</li>
                <li>Gwqef</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>ads</li>
                <li>asdB</li>
                <li>asdC</li>
                <li>aqwesdD</li>
                <li>Easd</li>
                <li>dFwqe</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>adeqs</li>
                <li>asdB</li>
                <li>asasddC</li>
                <li>asdD</li>
                <li>Eaasadsd</li>
                <li>dF</li>
                <li>asdGf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>adasds</li>
                <li>asdB</li>
                <li>asasddC</li>
                <li>asdD</li>
                <li>Easd</li>
                <li>qwedF</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>ads</li>
                <li>asdB</li>
                <li>asdC</li>
                <li>asdD</li>
                <li>Eaewqsd</li>
                <li>dFqwe</li>
                <li>Gfwqe</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>adwqes</li>
                <li>asdB</li>
                <li>wqe</li>
                <li>asdD</li>
                <li>Easwqewd</li>
                <li>dF</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>aewqds</li>
                <li>asdqwewqB</li>
                <li>asdC</li>
                <li>aaeqesdD</li>
                <li>Easd</li>
                <li>dF</li>
                <li>Gf</li>
              </ul>
            </li>
            <li>
              <div class="smbox"><a href="javascripy:">JavaEE</a><span class="arrow_r">></span></div>
              <ul class="subnav_list">
                <li>adsasdB</li>
                <li>asdC</li>
                <li>aasdsdD</li>
                <li>Easdasd</li>
                <li>dFasd</li>
                <li>Gasdf</li>
              </ul>
            </li>
          </ul>
        </div>
        <ul class="main_nav_list">
          <li><a href="javascript:">关于传智</a></li>
          <li><a href="javascript:">视频教程</a></li>
          <li><a href="javascript:">原著书籍</a></li>
          <li><a href="javascript:">讲师团队</a></li>
          <li><a href="javascript:">校区汇总</a></li>
          <li><a href="javascript:">学员故事</a></li>
          <li><a href="javascript:">报名流程</a></li>
          <li><a href="javascript:">高等教育</a></li>
          <li><a href="javascript:">在线学习</a></li>
          <li><a href="javascript:">技术社区</a></li>
        </ul>
      </div>
    </div>
  </div>
</header>
<!--header end--> 
<!--banner start-->
<div class="banner w">
  <div class="slideshow">
    <ul class="imgs">
      <li><a href="javascript:"><img src="images/slideshow1.jpg" width="1010"></a></li>
      <li><a href="javascript:"><img src="images/slideshow2.jpg" width="1010"></a></li>
      <li><a href="javascript:"><img src="images/slideshow3.jpg" width="1010"></a></li>
      <li><a href="javascript:"><img src="images/slideshow4.jpg" width="1010"></a></li>
      <li><a href="javascript:"><img src="images/slideshow5.jpg" width="1010"></a></li>
      <li><a href="javascript:"><img src="images/slideshow6.jpg" width="1010"></a></li>
      <li><a href="javascript:"><img src="images/slideshow7.jpg" width="1010"></a></li>
      <li><a href="javascript:"><img src="images/slideshow8.jpg" width="1010"></a></li>
    </ul>
    <div class="cubes"> <span class="current"></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div>
    <div class="arrow"> <span style="z-index: 1" class="arrow_lt"><</span> <span style="z-index: 1" class="arrow_rt">></span> </div>
  </div>
</div>
<!--banner end--> 
<!--nav_bottom start-->
<div class="nav_bottom w">
  <ul class="items">
    <li>
      <div class="nav_smbox"><span class="img"><img src="images/banup1.jpg"></span> <span class="text">2018年传智播客开班计划</span></div>
    </li>
    <li>
      <div class="nav_smbox"><span class="img"><img src="images/banup1.jpg"></span> <span class="text">2018年传智播客开班计划</span></div>
    </li>
    <li>
      <div class="nav_smbox"><span class="img"><img src="images/banup1.jpg"></span> <span class="text">2018年传智播客开班计划</span></div>
    </li>
    <li class="last">
      <div class="smallbox"> <span class="img"><img src="images/kstd1.jpg"></span> <a href="javascript:" class="text">学费价格</a> </div>
      <div class="smallbox"> <span class="img"><img src="images/kstd2.jpg"></span> <a href="javascript:" class="text">学费价格</a> </div>
      <div class="smallbox"> <span class="img"><img src="images/kstd3.jpg"></span> <a href="javascript:" class="text">学费价格</a> </div>
      <div class="smallbox"> <span class="img"><img src="images/kstd4.jpg"></span> <a href="javascript:" class="text">学费价格</a> </div>
    </li>
  </ul>
</div>
<!--nav_bottom end--> 
<!--main start-->
<div class="main w clearfix"> 
  <!--认识传智-->
  <div class="know clearfix">
    <h1 class="title">认识传智从这里开始</h1>
    <p class="about">为莘莘学子改变命运而讲课，为千万学生少走弯路而著书！</p>
    <div class="box clearfix">
      <div class="video">
        <ul class="video_list">
          <li class="current"><a href="javascript:"><img src="images/20180425134638058.jpg"></a></li>
          <li><a href="javascript:"><img src="images/20180207113253468.jpg"></a></li>
          <li><a href="javascript:"><img src="images/20180207113336265.jpg"></a></li>
          <li><a href="javascript:"><img src="images/20180207113356453.jpg"></a></li>
        </ul>
        <ul class="video_smlist">
          <li class="current"><a href="javascript:"><img src="images/20180425134638058.jpg" width="135" height="65"></a></li>
          <li><a href="javascript:"><img src="images/20180207113253468.jpg" width="135" height="65"></a></li>
          <li><a href="javascript:"><img src="images/20180207113336265.jpg" width="135" height="65"></a></li>
          <li><a href="javascript:"><img src="images/20180207113356453.jpg" width="135" height="65"></a></li>
        </ul>
      </div>
      <div class="news">
        <h1 title="">最新动态<span>ITCAST</span></h1>
        <ul class="new_list">
          <li> <span style="background-color: red" class="num">1</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
          <li> <span style="background-color: red" class="num">2</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
          <li> <span style="background-color: red" class="num">3</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
          <li> <span class="num">4</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
          <li> <span class="num">5</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
          <li> <span class="num">6</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
          <li> <span class="num">7</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
          <li> <span class="num">8</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
          <li> <span class="num">9</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
        </ul>
      </div>
    </div>
  </div>
  <!--传智头条-->
  <div class="headline clearfix">
    <h1 class="title">传智头条</h1>
    <p class="about">改变中国IT教育，我们正在行动！</p>
    <div class="box clearfix">
      <div class="histroy"> <a href="javascript:"><img src="images/20180516121550384.jpg"></a> </div>
      <div class="course">
        <div class="course_boxs">
          <div class="container">
            <ul class="course_list">
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
            </ul>
            <ul class="course_list">
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
            </ul>
            <ul class="course_list">
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
            </ul>
            <ul class="course_list">
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
              <li> <a><img src="images/20180207114822140.jpg"></a> <span class="text">全新来袭PHP7.0<br>
                2018年PHP课程重大升级</span> </li>
            </ul>
          </div>
          <div class="arrows" style="z-index: 100"> <span class="arr_lt"><</span> <span class="arr_rt">></span> </div>
        </div>
      </div>
    </div>
  </div>
  <!--薪资-->
  <div class="salary clearfix">
    <h1 class="title">认识传智从这里开始</h1>
    <p class="about">为莘莘学子改变命运而讲课，为千万学生少走弯路而著书！</p>
    <ul class="salary_list clearfix">
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
      <li> <a href="javascript:"> <span class="salary_top"> <img src="images/hjava.png" width="30" height="30"> <span>【第24期】</span> </span> <span class="salary_middle">JavaEE<br>
        平均就业薪资</span> <span class="salary_bottom"> <b>11875</b>元 </span> </a> </li>
    </ul>
    <div class="salary_down"><i class="iconfont icon-webicon212 btn"></i></div>
  </div>
  <!--你所向往的Ta们-->
  <div class="they clearfix">
    <h1 class="title">你所学习的高品质技术</h1>
    <p class="about">年均33次的课程升级，最快以周为单位更新迭代，每一次课程升级都会成为行业课程改革的风向标！</p>
    <div class="they_left">
      <ul class="they_list">
        <li> <a href="javascript:"> <img src="images/yearningpic1.jpg"> <span class="text">[UI/UE]   几个月的打磨成就了现在的我</span> </a> </li>
        <li> <a href="javascript:"> <img src="images/yearningpic1.jpg"> <span class="text">[UI/UE]   几个月的打磨成就了现在的我</span> </a> </li>
        <li> <a href="javascript:"> <img src="images/yearningpic1.jpg"> <span class="text">[UI/UE]   几个月的打磨成就了现在的我</span> </a> </li>
        <li> <a href="javascript:"> <img src="images/yearningpic1.jpg"> <span class="text">[UI/UE]   几个月的打磨成就了现在的我</span> </a> </li>
      </ul>
    </div>
    <div class="they_news">
      <h1 title="">最新动态<span>ITCAST</span></h1>
      <ul class="new_list">
        <li style="margin-top: 0"> <span style="background-color: red" class="num">1</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
        <li> <span style="background-color: red"  class="num">2</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
        <li> <span style="background-color: red" class="num">3</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
        <li> <span class="num">4</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
        <li> <span class="num">5</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
        <li> <span class="num">6</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
        <li> <span class="num">7</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
        <li> <span class="num">8</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
        <li> <span class="num">9</span> <a class="text" href="javascript:">李开复投资传智播客：“与这样的团队并肩作战</a> </li>
      </ul>
    </div>
  </div>
  <!--视频教程-->
  <div class="videocourse clearfix">
    <h1 class="title">你真正需要的高品质视频教程</h1>
    <p class="about">12年不忘初心，向千万学子免费分享学习资源，视频教程已发布10余万小时，累计下载量3000余万次 <br>
      <br>
      免费公开课直播1000余次，听课人数近 百万人！</p>
    <div class="box">
      <ul class="box_list">
        <li> <a href="javascript:"> <img src="images/courserpic1.jpg"> <span class="text">毕向东Java基础视频</span> </a> </li>
        <li> <a href="javascript:"> <img src="images/courserpic1.jpg"> <span class="text">毕向东Java基础视频</span> </a> </li>
        <li> <a href="javascript:"> <img src="images/courserpic1.jpg"> <span class="text">毕向东Java基础视频</span> </a> </li>
        <li> <a href="javascript:"> <img src="images/courserpic1.jpg"> <span class="text">毕向东Java基础视频</span> </a> </li>
        <li> <a href="javascript:"> <img src="images/courserpic1.jpg"> <span class="text">毕向东Java基础视频</span> </a> </li>
        <li> <a href="javascript:"> <img src="images/courserpic1.jpg"> <span class="text">毕向东Java基础视频</span> </a> </li>
        <li> <a href="javascript:"> <img src="images/courserpic1.jpg"> <span class="text">毕向东Java基础视频</span> </a> </li>
        <li> <a href="javascript:"> <img src="images/courserpic1.jpg"> <span class="text">毕向东Java基础视频</span> </a> </li>
      </ul>
      <div class="more">
        <div class="playback"> <a href="javascript:" class="smbox"> <img src="images/20180507112248237.jpg" height="390"> <span class="text">传智播客2018春季课程发布会视频回放</span>
          <div class="smbox_bottom"> <img src="images/courservid.png"> <span class="tex">更多视频教程</span> </div>
          </a> </div>
      </div>
    </div>
  </div>
  <!--小广告-->
  <div class="smban"> <a href="javascript:"><img src="images/20180523132038141.jpg" width="400" height="110"></a> <a href="javascript:"><img src="images/20180523132038141.jpg" width="400" height="110"></a> <a href="javascript:"><img src="images/20180523132038141.jpg" width="400" height="110"></a> </div>
  <!--报班-->
  <div class="grade clearfix">
    <h1 class="title">你所学习的高品质技术</h1>
    <p class="about">年均33次的课程升级，最快以周为单位更新迭代，每一次课程升级都会成为行业课程改革的风向标！</p>
    <div class="grade_box clearfix">
      <div class="grade_part">
        <div class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div style="background-color: #3a7bc5" class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div style="background-color: #78578f" class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div style="background-color: #b35058" class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div style="background-color: #6d87d0" class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div style="background-color: #3a7bc5" class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div style="background-color: #78578f" class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div style="background-color: #b35058" class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div style="background-color: #6d87d0" class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
      <div class="grade_part">
        <div style="background-color: #3a7bc5" class="grade_parttop"> <span class="grade_name">JavaEE</span>
          <div class="join"> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> <a href="javascript:">进入学院</a> </div>
        </div>
        <div class="grade_center">
          <div class="center_left">
            <div class="center_leftT"><a href="javascript:"> <img src="images/java_icon.jpg"> <span>世界第一编程语言<br>
              我们的第一学科</span> </a></div>
            <div class="center_leftB"> <a href="javascript:"> <img src="images/icon1.png"> <span>师资力量</span> </a> </div>
          </div>
          <div class="center_middle">
            <ul>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
              <li> <a href="javascript:"> <img src="images/icon2.png"> <span>课程大纲</span> </a> </li>
            </ul>
          </div>
          <div class="center_right">
            <div class="campus"> 北京校区 <img src="images/kczxdown.png" width="15">
              <div class="campus_list"> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> <a href="javascript:">北京校区</a> </div>
            </div>
            <div class="campus_condition">
              <ul>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
                <li><a href="javascript:"> <span>就业班</span> <span>2018-6-19</span> <span>已爆满</span> </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="grade_bottom" style="margin-top: 10px;padding: 0 2px"> <a href="javascript:"><img src="images/technologyadjava.jpg"></a> </div>
      </div>
    </div>
  </div>
  <!--教师力量-->
  <div class="teacher">
    <h1 class="title">你的人生导师</h1>
    <p class="about">我们拥有一支800余人的高品质讲师团队，保证课程研发及授课质量，教学投入同行业领先。</p>
    <div class="buddha"> <img src="images/tutorpic1.jpg"> <a href="javascirpt:" class="faculty"></a> </div>
  </div>
  <!--教材-->
  <div class="textbook">
    <h1 class="title">你不能错过的高品质原创书籍</h1>
    <p class="about">我们已撰写65本原创书籍，累计发行135万余册，惠及90余万名学生，发行书籍被1072余所大学选作为授课教材。</p>
    <a href="javascript:" class="original_books"><img src="images/bookspic1.jpg"></a> <a href="javascript:" class="school"><img src="images/bookspic2.png"></a> </div>
  <!--地区-->
  <div class="citys">
    <h1 class="title">不一样的城市，一样的传智播客</h1>
    <p class="about">全国已开设18所直营分校，让你不必再远赴他乡求学，离高品质教育及高薪更近一点。</p>
    <div class="schools">
      <div class="map fl"> <img src="images/map.png"> <a class="heb" href="javascript:" style="position: absolute;left: 545px;top:80px;">哈尔滨</a> <a class="bj" href="javascript:" style="position: absolute;left: 450px;top:175px;">北京</a> </div>
      <div class="subjects fr">
        <ul>
          <li style="display: block">
            <h1 class="title"> <span>哈尔滨校区</span> </h1>
            <div class="box"> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> </div>
            <p class="tel"> 地址一：昌平区建材城西路金燕龙办公楼一层<br>
              地址二：北京市昌平区北七家镇宏福科技园南门修正健康大厦（水城公寓西侧白楼）三层办公二区
              
              地址三：北京市顺义区京顺路99号黑马程序员（教学楼A栋）<br>
              电话：400-618-4000<br>
            </p>
          </li>
          <li>
            <h1 class="title"> <span>北京校区开设学科</span> </h1>
            <div class="box"> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> <a href="javascript:0">Java EE</a> </div>
            <p class="tel"> 地址一：昌平区建材城西路金燕龙办公楼一层<br>
              地址二：北京市昌平区北七家镇宏福科技园南门修正健康大厦（水城公寓西侧白楼）三层办公二区
              
              地址三：北京市顺义区京顺路99号黑马程序员（教学楼A栋）<br>
              电话：400-618-4000<br>
            </p>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<!--main end--> 
<!--footer start-->
<footer class="clearfix">
  <div class="inner">
    <div class="logos w"> <a href="javascript:"><img src="images/hmlogo.png"></a> <a href="javascript:"><img src="images/bxglogo.png"></a> <a href="javascript:"><img src="images/czxylogo.png"></a> <a href="javascript:"><img src="images/kdylogo.png"></a> <a style="margin-right: 0" href="javascript:"><img src="images/20180208093737149.png"></a> </div>
    <div class="foot-cz w"> <a href="javascript:">关于传智 丨</a> <a href="javascript:">加入传智 丨</a> <a href="javascript:">报名流程 丨</a> <a href="javascript:">传智声明 丨</a> <a href="javascript:">法律声明 丨</a> <a href="javascript:">项目合作</a> </div>
    <div class="friendlink w"> 友情链接： <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a>w <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a> <a href="javascript:">博学谷</a> <a href="javascript:">黑马程序员</a> <a href="javascript:">博学谷</a><br>
      <br>
      <span class="foot-tel">电话：400-618-4000</span> </div>
  </div>
  <div class="copyright">北京传智播客教育科技有限公司 版权所有Copyright 2006-2018，  All Rights Reserved 京ICP备08001421号 京公网安备110108007702</div>
</footer>
<script src="js/jquery-1.12.4.js"></script> 
<script src="js/slideshow.js"></script> 
<script src="js/videos.js"></script> 
<script src="js/courselunbo.js"></script> 
<script src="js/salary_down.js"></script> 
<script src="js/campus.js"></script> 
<script src="js/school.js"></script>
<script src="js/subnav.js"></script>
</body>
</html>